import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue({
      // 显式启用响应性语法糖，支持对 defineProps 结果解构
      reactivityTransform: true
    })
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {
          'primary-color': '#0960bd' // 配置主题的主色调 less的变量注入
        },
        javascriptEnabled: true
      }
    }
  },
  server: {
    port: 8888, // 指定固定的端口
    open: true, // 当启动服务之后，是否自动打开浏览器
    proxy: {
      // 指定你要代理到哪个服务器
      // /api是 当我们的请求 遇到/api就会自动代理到 下面的地址
      '/api': {
        target: 'http://ihrm.itheima.net/', // 代理到的服务器
        changeOrigin: true // 改变域名
      }
    }
  }
})
